.flex-full{
-moz-flex:1;
-webkit-box-flex:1;
    -ms-flex:1;
        flex:1;
overflow: hidden;
    height: 100%;
}
.flex{
display: -moz-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-moz-flex-direction:column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
.alarm-section-summary{
height: 60%;
overflow: hidden;
}
.zk-table span{
padding: 2px 6px;
border-radius: 5px;
}
.alarm-section-conter{
height:99%;
overflow: auto; /* 让它显示滚动条 */
}
.alarm-section-conter::-webkit-scrollbar {  
    width: 6px; 
    height: 16px;
    background-color: #000;
}
/*定义滚动条轨道 内阴影+圆角*/
.alarm-section-conter::-webkit-scrollbar-track {  
    background-color:#4E84A8; 
    border-radius:2em; 
}
/*定义滑块 内阴影+圆角*/
.alarm-section-conter::-webkit-scrollbar-thumb {  
    background-color:#0F2741; 
    border-radius:2em;
}
.alarm-section-detailed{
height: 40%;
    overflow: hidden;
}
.alarm-section-detailed > div{
height: 100%;
}
.mat-tab-group {
    height: 100%;
}